*{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
html{
    /* 1rem == 10px */
    font-size: 62.5%;
    color: #1a1a1a;
    font-family: pfcg;
}
/* 媒体查询 */
@media only screen{
    @media (min-width: 1200px) and (max-width: 1920px){
        body{
            .header{
                max-width: 1200px;
                margin: 0 auto !important;
            }
            font-size: 1.4rem !important;
            .banner{
                .content{
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    width: 100%;
                    max-width: 1200px;
                    padding: 160px 0 0 0 !important;
                }
            }
        }
    }
    @media (min-width: 768px) and (max-width: 1200px){
        body{
            font-size: 1.4rem !important;
            .header{
                padding: 0 30px !important;
            }
            .footer{
                padding: 20px 30px !important;
            }
            .recommend{
                .side{
                    .list{
                        .item{
                            .img{
                                width: 30%;
                                img{
                                    width: 30px;
                                    height: 30px;
                                }
                            }
                            .content{
                                width: 70%;
                            }
                        }
                    }
                }
            }
            // 设置轮播图响应式
            .banner{
                height: 480px !important;
                .content{
                    padding: 100px 30px 0 !important;
                }
            }
        }
    }
    
    @media (min-width: 550px) and (max-width: 768px){
        body{
            font-size: 1.4rem !important;
            .header{
                padding: 0 30px !important;
            }
            // 设置轮播图响应式
            .banner{
                height: 300px !important;
                .content{
                    top: 50% !important;
                    left: 50% !important;
                    transform: translate(-50%,-50%) !important;
                    padding: 0px !important;
                    .shake{
                        text-align: center;
                        .describe{
                            display: none;
                        }
                        .button{
                            padding-top: 0px !important;
                        }
                    }
                }
            }
        }
    }
    
    @media (min-width: 320px) and (max-width: 550px){
        body{
            font-size: 1.4rem !important;
            .header{
                padding: 0 20px !important;
            }
            .footer{
                text-align: center;
                div{
                    div{
                        div{
                            &:not(:last-child){
                                margin-bottom: 20px;
                            }
                        }
                    }
                }
            }
            // 设置轮播图响应式
            .banner{
                height: 260px !important;
                .content{
                    top: 50% !important;
                    left: 50% !important;
                    transform: translate(-50%,-50%) !important;
                    padding: 0px !important;
                    .shake{
                        text-align: center;
                        .describe{
                            display: none;
                        }
                        .button{
                            padding-top: 0px !important;
                        }
                    }
                }
            }
        }
    }
}